@import url(global.css);
html, body {
	height: 100%;
}
html {
	background:#8C9094 url("../img/images/login-bg.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	background: url("../img/images/aid_graph_big.png") no-repeat bottom right;
}
div.outter {
    height: 360px;
    left: 50%;
    margin: -220px 0 0 -430px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 800px;
}
h1 {
	width:450px;
	height: 161px;
	text-indent: -3000px;
	background: url("../img/images/login-title.png") no-repeat center center;
	position: absolute;
	top:160px;
}
#login-panel  {
	width:329px;
	height:300px;
	background: url("../img/images/login-panel.png") no-repeat top left;
	position: relative;
}
#login-panel ul {
	margin:30px 0 0 32px;
}
#login-panel ul li {
	margin-bottom:12px;
}
#login-panel ul li input {
	line-height:normal;
}
#airplane {
	margin-left: 400px;
}
#btn-login {
	border: none;
	background:none;
	width: 260px;
	top:330px;
	left:36px;

}
#input-user, #input-sn, #input-verify {
	width:250px;
	color:gray;
	font: bold 14px/33px "微软雅黑",tahoma,Helvetica,arial,"宋体",sans-serif;
	padding:5px;
	padding-left:10px;
	left: 36px;
}
#input-user {
	top:190px;
}
#input-sn {
	top:236px;
}
#input-verify {
	top:280px;
	width:150px;
}
#img-verify {
	position: relative;
	top:5px;
}
#input-verify {
}
#errorMsg {
	position: absolute;
	top:256px;
	left:0;
	color:#CA3539;
}

/* reset input from cotrol/general*/

#flightNum {
}
/*TextBox*/

input[type="text"], input[type="password"] {
	height: 1.4em;
}
input[type="text"], input[type="password"], select, textarea {
	padding: 0.25em;
	vertical-align: middle;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border: 1px solid #87CEFA;
	box-shadow: 0 0 2px #87CEFA;
	-moz-box-shadow: 0 0 5px #87CEFA;
	-webkit-box-shadow: 0 0 5px #87CEFA;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border: 1px solid #87CEFA;
}
input[type="text"][disabled], input[type="password"][disabled], textarea[disabled] {
	background-color: #F6F6F6;
}
input[readonly], textarea[readonly] {
	background-color: #FBFBFB;
}
/*Radio & CheckBox*/
input[type="radio"] + label, input[type="checkbox"] + label {
	padding-left: 2px;
	cursor: pointer;
	+padding-left: 0;
}
input[type="radio"][disabled] + label, input[type="checkbox"][disabled] + label {
	color: Silver;
	cursor: default;
}
label.pointer {
	padding-left: 0;
	cursor: pointer;
}
label.dis {
	color: Silver;
}
/*Button*/
input[type="button"], input[type="submit"], input[type="reset"] {
	padding: 0.25em 2em;
	color: #333333;
	background-color: #EDEDED;
	border: 1px solid Silver;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 3px Silver;
	-moz-box-shadow: 1px 1px 3px Silver;
	-webkit-box-shadow: 1px 1px 3px Silver;
	+padding: 0;
}
input[type="button"]:not([disabled]):focus, input[type="submit"]:not([disabled]):focus, input[type="reset"]:not([disabled]):focus {
	color: Black;
}
input[type="button"]:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, input[type="reset"]:not([disabled]):hover {
	color: Black;
	border-color: Gray;
}
input[type="button"]:not([disabled]):active, input[type="submit"]:not([disabled]):active, input[type="reset"]:not([disabled]):active {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: Black;
	box-shadow: 0 0 3px Silver;
	-moz-box-shadow: 0 0 3px Silver;
	-webkit-box-shadow: 0 0 3px Silver;
}
input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] {
	color: Silver;
	text-shadow: 1px 1px 0 White;
}
/*Button .button-orange*/
input.button-orange, input.button-orange, input.button-orange {
	width: 69px;
	height: 25px;
	padding: 0;
	border: 0 none;
	color: #FFF;
	background: #F79F29 url("../../images/ui-elements.png") no-repeat -12px -135px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font-weight: bold;
	cursor: pointer;
}
input.button-orange:not([disabled]):focus, input.button-orange:not([disabled]):focus, input.button-orange:not([disabled]):focus {
	color: #FFF;
	background: #FAC334 url("../../images/ui-elements.png") no-repeat -81px -135px;
}
input.button-orange:not([disabled]):hover, input.button-orange:not([disabled]):hover, input.button-orange:not([disabled]):hover {
	color: #FFF;
	background: #FAC334 url("../../images/ui-elements.png") no-repeat -81px -135px;
}
input.button-orange:not([disabled]):active, input.button-orange:not([disabled]):active, input.button-orange:not([disabled]):active {
	position: relative;
	top: 1px;
	left: 1px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
a.button-orange {
	display: inline-block;
	width: 69px;
	height: 25px;
	line-height: 25px;
	border: 0 none;
	color: #FFF;
	background: #F79F29 url("../../images/ui-elements.png") no-repeat -12px -135px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
a.button-orange:active {
	_text-decoration: none;
}
a.button-orange:not(.disabled):hover {
	color: #FFF;
	background: #FAC334 url("../../images/ui-elements.png") no-repeat -81px -135px;
}
a.button-orange:not(.disabled):active {
	position: relative;
	top: 1px;
	left: 1px;
}
a.button-orange.disabled {
	color: #FFF;
	background: #F7C999 url("../../images/ui-elements.png") no-repeat -150px -135px;
	cursor: default;
}